﻿html,body{width: 100%;height: 100%;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0 auto;padding: 0;}

header{height: 10%;width: 100%;display: table;}
header img{width: 18px;}
header h3{display: inline-block;}

.container{width: 98%;margin: 10px auto;height: 90%;}
button{border: none;outline: none;height: 30px;line-height: 30px;background-color: #536571;color: #F9F9F9;border-radius: 5px;}
.query-btn{width: 80px;}
input{height: 22px;}
select{padding: 5px 12px;}

table{width: 100%;border-collapse: collapse;}
th,td{padding: 7px 10px;}
.filter-table{width: 90%;margin: 0 auto;}
.filter-table label{display: inline-block;width: 80px;}
.data-table{text-align: center;}
.data-table tbody tr{}
.data-table tbody tr:nth-child(even){background-color: #F7F7F7;border-bottom: 1px solid #D7D7D7;border-top: 1px solid #D7D7D7;}


/*menu*/
ul{list-style: none;padding: 0;display: inline-block;margin: 0 0 0 70px;z-index: 25;}
.menu-li{position: relative;display: inline-block;margin: 20px;cursor: pointer;}
.menu-li span{color: #F9F9F9;}
.menu-li ul{position: absolute;font-size: 14px;left: -110px;display: none;}
.menu-li:hover > ul{display: table;}
.menu-li li{background-color: #536571;color: #F9F9F9;padding: 7px 0;width: 130px;text-align: center;margin: 3px auto;}
.fa-angle-down{position: absolute;font-size: 30px;left: 20px;top: 15px;}



/*分页样式*/
.pagination{float: right;}
.pagination span{padding: 0 10px;color: #AAA;cursor: pointer;}

/*弹出层*/
.hide{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #AAA;z-index: 50;opacity: 0.5;display: none;}
.output{position: absolute;top: 20%;left: 28%;width: 44%;z-index: 100;display: none;}
.output td{padding: 7px 30px;}
.output #closeOutput{position: absolute;right: 12px;top: 10px;color: #A5A5A5;cursor:pointer;}


/*skin-color*/
.style-bg-green{color: #FFF;background-color: #00BE9C!important;}
.style-bg-black{color: #FFF;background-color: #000;}
.style-green{color: #00BE9C;}
/*主要用于按钮*/
.style-bg-gray{background-color: #536571;color: #F9F9F9;}
/*用于☆*/
.style-gray{color: #D8D8D8;}


